.departList {
    min-height: 400px;
    margin-top: 50px;
}
.title{
	background: lightgrey;
	color: white;
    font-size: 20px;
    text-align: center;
    padding: 3px;
    margin: 10px
}
.detail{
	float: right;
	color: white;
}

.detail:after {
    content: "◄";
}
.cutTitle .detail:after {
    content: "▼";
}
.title:hover {
    background: red
}
.cutTitle{
	 background: red
}
.task {
    margin-left: 10px;
    text-align: center;
}
.task h4{
	font-weight: bold;
    margin-bottom: 5px;
    background: lightgrey;
    padding: 5px 0;
    border: 3px solid white;
}
.task li{
	list-style: none;
    margin: 3px 0;
    border-bottom: 1px solid lightgrey;
}
.taskList{
	border: 1px solid lightgray;
}
.taskList  p{
    padding: 10px;
}
.taskList:hover{
	 border: 1px solid #d6dae3;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.05);
    box-shadow: 5px 10px 10px rgba(0,0,0,0.06);
}
.finishedTask{
	text-decoration: line-through;
    color: #777777;
}
.selTask{
	color:white;
	background: #f2cdcd;
}
